<template>
	<swiper class="swiper" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
		<swiper-item v-for="item in swpierData" :key="item.id">
			<image class="swiper-item" :src="item.src" mode="widthFix"></image>
		</swiper-item>
	</swiper>
</template>

<script setup>
	const props = defineProps({
		swpierData: Array
	})
</script>

<style scoped lang="scss">
	swiper{
		width:100%;
		height: 332rpx;
		.swiper-item {
			width: 100%;
			height: 332rpx;
		}
	}
</style>
